// 克隆子元素button 并添加事件方法 HOC: higher order components
// export const withClick = (element, handleClick = () => { }) => {
//     if (!element) return;
//     // 判断元素是否是DOM对象 如果是对象的话 那么重组 否则的话 返回span元素
//     if (Object.prototype.toString.call(element) === '[object Object]') {
//         return <element.type {...element.props} onClick={handleClick} />;
//     }

//     return <span onClick={handleClick}>{element}</span>;
// };

// 克隆子元素button 并添加事件方法 HOC: higher order components
export const withClick = (element, handleClick = () => { }) => {
    if (!element) return;
    // 判断元素是否是DOM 对象，如果是对象的话，那么重组，否则的话，返回span元素
    if (Object.prototype.toString.call(element) === '[object Object]') {
        return <element.type {...element.props} onClick={handleClick} />
    }
    return <span onClick={handleClick}>{element}</span>
}